@import '../../../../scss/colors.scss';

$input-bg-color: rgba(230,230,230,1);
$gray-color: rgba(191,191,191,1);
$shadow-color: rgba(29,117,224,0.22);

.recharge-form-warper {
    width: 400px;
    text-align: center;
    margin: {
        top: 38px;
        left: auto;
        right: auto;
        bottom: 80px;
    }

    nz-input-number {
        width: 100%;
        display: flex;
        text-align: center;
    }

    nz-form-explain {
        color: $error;
        text-align: left;
    }
    .ant-btn-lg{
        height: 52px;
        border: {
            color: $input-bg-color;
            style: sloid;
        }
    }
    input, nz-input-number {
        // width: 400px;
        height: 52px;
        opacity: 1;
        // background: $input-bg-color;
        border: {
            color: $input-bg-color;
            width: 1px;
            style: sloid;
            radius: 4px 4px 4px 4px
        }
        font-size: 16px;
        font-family: Hiragino Sans GB;
        color: $gray-color;
        line-height: 10px;
        letter-spacing: 0px;
    }

    label {
        // width: 74px;
        height: 16px;
        opacity: 1;
        font-size: 16px;
        font-family: Hiragino Sans GB;
        color: rgba(51,51,51,1);
        letter-spacing: 0px;
    }

    .transfer-form-wallet {
        margin: {
            // top: -24px;
            bottom: -20px;
        }

        button.all {
            color: $a-color;
            background: transparent;
        }
    }
    nz-form-item{
        margin-bottom:0;
    }
    .form-code{
        padding-top:0;
        label{
            span{
                color:#bbb;
                font{
                    color:#333;
                }
            }
        }
        p{
            margin:10px 0;
            white-space: pre-line;
            color:#bbb;
        }
    }
    .code-input{
        font-size: 24px;
        color: #333;
    }
    .form-bank{
        margin-top: 20px;
        .select-other{
            float: right;
        }
    }
}

.text-left {
    text-align:left;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right
}

.address-list-auto-option, .add-bank-auto-option {
    background: {
        color: $bg-color;
    }
    color: $a-color;
}


button.submit {
    width: 330px;
    height: 40px;
    opacity: 1;
    background: $primary-color;
    box-shadow: 0px 7px 16px 0px $shadow-color;
  
    opacity: 1;
    font-size: 16px;
    font-family: Hiragino Sans GB;
    color: $bg-color;
    letter-spacing: 0px;
}

button {

    &:disabled {
        background: $disable-color;
        box-shadow:  0 0 0 0;
    }
}
.form-bank-text{
    padding:10px 20px;
    border-radius:4px;
    border:1px solid #e6e6e6;
    box-sizing: border-box;
    margin-top:8px;
    transition: all 0.2s;
    p{
        margin:0;
        padding:0;
        line-height:26px;
        font-size:16px;
    }
}
.bank-info-list{
    list-style: none;
    overflow: auto;
    height: 435px;
    padding: 0 30px 10px 30px;
    margin: -24px -24px 0 -24px;
    .form-bank-text{
        &:hover{
            background: #e6f1ff;
            border-color: #e6f1ff;
        }
        &.active{
            background: #2c79db;
            color:#fff;
            border-color: #2c79db;
        }
    }
}
.from-footer{
    text-align: center;
    margin: 0 -24px 0 -24px;
    padding-top: 25px;
    border-top: 1px solid #e6e6e6;
    .ant-btn{
        margin:0 15px;
        padding:0 30px;
    }
}
.recharge-btn-box{
    margin-top:65px;
    p{
        font-size:16px;
        margin-top:20px;
    }
    .rule-link{
        a{
            color:#666;
            &:hover{
                color:#333;
            }
        }
        i{
            color:#1d75e0;
            font-size:18px;
            margin-left:15px;
        }
    }

}